<template>
  <div class="main case-detail">
    <el-tabs>
      <el-tab-pane label="案件应付款">
        <caseIncome style="height: 100%" :caseId="caseId"></caseIncome>
      </el-tab-pane>
      <el-tab-pane label="案件（公司/员工）管理">
        <caseEmployee :caseId="caseId"></caseEmployee>
      </el-tab-pane>
      <el-tab-pane label="贡献管理">
        <caseContribution :caseId="caseId"></caseContribution>
      </el-tab-pane>
    </el-tabs>
  </div>
</template>
<script>
import caseEmployee from './components/caseEmployee.vue'
import caseIncome from './components/caseIncome/caseIncome.vue'
import caseContribution from './components/caseContribution.vue'
export default {
  components: { caseEmployee, caseIncome, caseContribution },
  data: function () {
    return {
      caseId: null,
    }
  },
  methods: {},
  created: function () {
    this.caseId = this.$route.query.caseId
    if (!this.caseId) {
      return
    }
  },
}
</script>
<style scoped>
.main {
  overflow: auto;
  padding: 20px;
}
</style>
<style>
.case-detail .el-tab-pane {
  height: 100%;
}
.case-detail .el-tabs__content {
  height: calc(100% - 50px);
}
.case-detail .el-tabs {
  height: calc(100% - 80px);
}
.el-drawer.rtl {
  overflow: scroll;
}
</style>
